A Line chart using the hide/show methods

This is a Line chart making use of the hide() and show() functions.

This goes in the documents header:

<script src="RGraph.common.core.js"></script> 
<script src="RGraph.line.js"></script>

Put this where you want the chart to show up:

<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas><br />
    
<button onclick="line.hidden(0) ? line.show(0) : line.hide(0)">hide/show red line</button>
<button onclick="line.hidden(1) ? line.show(1) : line.hide(1)">hide/show green line</button>

This is the code that generates the chart:

<script>
    line = new RGraph.Line({
        id: 'cvs',
        data: [ [5,4,1,6,8,5,3], [7,8,5,4,9,1,5] ],
        options: {
            labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
            gutterLeft: 55,
            gutterRight: 35,
            gutterBottom: 35,
            gutterTop: 35,
            title: 'A basic line chart',
            backgroundGridColor: '#aaa',
            backgroundGridDashed: true,
            textAccessible: true,
            scaleZerostart: true,
            labelsOffsety: 5
        }
    }).draw();
</script>